<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet/less" type="text/css" href="style.less" />
    <link rel="stylesheet" href="../common/css/coommon.css" />
  </head>
  <body>
    <div class="common" id="app">
      <div class="card_01">
        <div class="qr-code">
          <img />
        </div>
        <p class="title">
          <span><img src="./img/icon01.png" />利润率过低成本概算审批</span>
          <button class="button_primary">返回</button>
        </p>
        <ul class="desc">
          <li><span>项目名称</span>项目名称项目名称项目名称</li>
          <li><span>申请人</span>练清风</li>
          <li><span>申请时间</span>2023/01/12 13:24:56</li>
          <li><span>总成本</span>10000.00元</li>
          <li><span>投标报价</span>9990.00元</li>
          <li><span>预估利润率</span>45%</li>
          <li><span>预估利润</span>80000.00元</li>
          <li><span>隐性成本</span>20000.00元</li>
          <li><span>实际利润率</span>40%</li>
          <li><span>实际利润</span>20000.00元</li>
          <li>
            <span>附件</span>
            <button class="button_primary_text">button_primary_text</button>
          </li>
          <li style="width: 100%">
            <span>审核人</span>
            <div>
              一级审核人：某某<br />
              二级审核人：某某<br />
              三级审核人：某某
            </div>
          </li>
          <li style="width: 100%">
            <span>审核批示</span>
            <div class="textarea-group">
              <textarea
                style="width: 56.4583vw"
                rows="4"
                placeholder="请输入..."
              ></textarea>
            </div>
          </li>
          <li style="width: 100%">
            <span>审核结果</span>
            <button class="button_success">通过</button>
            &ensp;&ensp;
            <button class="button_warning">不通过</button>
          </li>
        </ul>
      </div>
      <br />
      <div class="card_03">
        <p class="title">
          <span>审批记录</span>
        </p>
        <ul class="desc">
          <li><span>审核时间</span>2023/04/01 14:23:45</li>
          <li><span>二级审核人</span>某某</li>
          <li>
            <span>审核结果</span>
            <a style="display: flex; align-items: center; color: #f53f3f"
              ><img style="margin-right: 3px" src="./img/icon02.png" />不通过
            </a>
          </li>
          <li style="width: 66%">
            <span>审核批示</span
            >阿迪睡觉啊是倒计时打卡是的撒开的哈萨克等哈阿迪睡觉啊是倒计时打卡是的撒开的哈萨克等哈阿迪睡觉啊是倒计时打卡是的撒开的哈萨克等哈
          </li>
          <li>
            <span>审核签名</span>
            <div class="sign-img"></div>
          </li>
        </ul>
        <hr />
        <ul class="desc">
          <li><span>审核时间</span>2023/04/01 14:23:45</li>
          <li><span>二级审核人</span>某某</li>
          <li>
            <span>审核结果</span>
            <a style="display: flex; align-items: center; color: #00b42a"
              ><img style="margin-right: 3px" src="./img/icon03.png" />通过
            </a>
          </li>
          <li style="width: 66%">
            <span>审核批示</span
            >阿迪睡觉啊是倒计时打卡是的撒开的哈萨克等哈阿迪睡觉啊是倒计时打卡是的撒开的哈萨克等哈阿迪睡觉啊是倒计时打卡是的撒开的哈萨克等哈
          </li>
          <li>
            <span>审核签名</span>
            <div class="sign-img"></div>
          </li>
        </ul>
      </div>
    </div>
  </body>
  <script src="./less.js"></script>
  <script src="../common/js/vue.js"></script>
  <script>
    const { createApp } = Vue;
    createApp({
      data() {
        return {};
      },
      //所有函数都写在这里
      methods: {},
    }).mount("#app");
  </script>
</html>
